<template>
  <view class="mine-container" style="height:200px"> 
    <view class="content-section">
      <view class="menu-list">
        <view class="list-cell list-cell-arrow" @click="handleClick1">
          <view class="menu-item-box">
            <view class="iconfont icon-user menu-icon"></view>
            <view>设置</view>
          </view>
        </view>
        <view class="list-cell list-cell-arrow" @click="handleClick2">
          <view class="menu-item-box">
            <view class="iconfont icon-help menu-icon"></view>
            <view>关于</view>
          </view>
        </view>
        <view class="list-cell list-cell-arrow" @click="handleClick3">
          <view class="menu-item-box">
            <view class="iconfont icon-aixin menu-icon"></view>
            <view>站内信</view>
          </view>
        </view>
        <view class="list-cell list-cell-arrow" @click="handleClick4">
          <view class="menu-item-box">
            <view class="iconfont icon-setting menu-icon"></view>
            <view>优惠券</view>
          </view>
        </view>
		<view class="list-cell list-cell-arrow" @click="handleClick5">
		  <view class="menu-item-box">
		    <view class="iconfont icon-setting menu-icon"></view>
		    <view>交易流水</view>
		  </view>
		</view>
		<view class="list-cell list-cell-arrow" @click="handleClick6">
		  <view class="menu-item-box">
		    <view class="iconfont icon-setting menu-icon"></view>
		    <view>贷款历史</view>
		  </view>
		</view>
		<view class="list-cell list-cell-arrow" @click="handleClick7">
		  <view class="menu-item-box">
		    <view class="iconfont icon-setting menu-icon"></view>
		    <view>绑定银行卡</view>
		  </view>
		</view>
		<view class="list-cell list-cell-arrow" @click="handleClick8">
		  <view class="menu-item-box">
		    <view class="iconfont icon-setting menu-icon"></view>
		    <view>绑定账户</view>
		  </view>
		</view>
		<view class="list-cell list-cell-arrow" @click="handleClick9">
		  <view class="menu-item-box">
		    <view class="iconfont icon-setting menu-icon"></view>
		    <view>用户反馈</view>
		  </view>
		</view>
		<view class="list-cell list-cell-arrow" @click="handleClick10">
		  <view class="menu-item-box">
		    <view class="iconfont icon-setting menu-icon"></view>
		    <view>还款欺诈提醒</view>
		  </view>
		</view>
		<view class="list-cell list-cell-arrow" @click="handleClick11">
		  <view class="menu-item-box">
		    <view class="iconfont icon-setting menu-icon"></view>
		    <view>邀请好友</view>
		  </view>
		</view>
		<view class="list-cell list-cell-arrow" @click="handleClick12">
		  <view class="menu-item-box">
		    <view class="iconfont icon-setting menu-icon"></view>
		    <view>常见问题</view>
		  </view>
		</view>
		<view class="list-cell list-cell-arrow" @click="handleClick13">
		  <view class="menu-item-box">
		    <view class="iconfont icon-setting menu-icon"></view>
		    <view>账号注销</view>
		  </view>
		</view>
		<view class="list-cell list-cell-arrow" @click="handleClick14">
		  <view class="menu-item-box">
		    <view class="iconfont icon-setting menu-icon"></view>
		    <view>认识我们</view>
		  </view>
		</view>
      </view>

    </view>
  </view>
</template>

<script>
  import storage from '@/utils/storage'
  
  export default {
    data() {
      return {
      	
      }
    },
    computed: {
  
    },
    methods: {
      handleClick1(buttonName) {
        uni.navigateTo({
        	url:'/pages/mine/setting/setting'
        });  
      },
      handleClick2(buttonName) {
        uni.navigateTo({
        	url:'/pages/mine/about/about'
        });  
      },
	  handleClick3(buttonName) {
	    uni.navigateTo({
	    	url:'/pages/mine/mail/mail'
	    });  
	  },
	  handleClick4(buttonName) {
	    uni.navigateTo({
	    	url:'/pages/mine/coupon/coupon'
	    });  
	  },
	  handleClick5(buttonName) {
	    uni.navigateTo({
	    	url:'/pages/mine/tranFlow/tranFlow'
	    });  
	  },
	  handleClick6(buttonName) {
	    uni.navigateTo({
	    	url:'/pages/mine/loanHis/loanHis'
	    });  
	  },
	  handleClick7(buttonName) {
	    uni.navigateTo({
	    	url:'/pages/mine/bankCard/bankCard'
	    });  
	  },
	  handleClick8(buttonName) {
	    uni.navigateTo({
	    	url:'/pages/mine/account/account'
	    });  
	  },
	  handleClick9(buttonName) {
	    uni.navigateTo({
	    	url:'/pages/mine/feedback/feedback'
	    });  
	  },
	  handleClick10(buttonName) {
	    uni.navigateTo({
	    	url:'/pages/mine/fraudReminder/fraudReminder'
	    });  
	  },
	  handleClick11(buttonName) {
	    uni.navigateTo({
	    	url:'/pages/mine/inviteFriends/inviteFriends'
	    });  
	  },
	  handleClick12(buttonName) {
	    uni.navigateTo({
	    	url:'/pages/mine/commonProblem/commonProblem'
	    });  
	  },
	  handleClick13(buttonName) {
	    uni.navigateTo({
	    	url:'/pages/mine/accountCancle/accountCancle'
	    });  
	  },
	  handleClick14(buttonName) {
	    uni.navigateTo({
	    	url:'/pages/mine/konwUs/konwUs'
	    });  
	  },
    }
  }
</script>

<style lang="scss">
  page {
    background-color: #f5f6f7;
  }

  .mine-container {
    width: 100%;
    height: 100%;
    .content-section {
      .mine-actions {
        margin: 15px 15px;
        padding: 20px 0px;
        border-radius: 8px;
        background-color: white;

        .action-item {
          .icon {
            font-size: 28px;
          }

          .text {
            display: block;
            font-size: 13px;
            margin: 8px 0px;
          }
        }
      }
    }
  }
</style>
